<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width" />

    <title><?php wp_title( '|', true, 'right' ); ?></title>

    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="fonts/opensans/stylesheet.css">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/pitchwise.css">
    <link rel="stylesheet" href="css/ie.css">
    <link rel="stylesheet" href="css/print.css">

    <script src="js/modernizr-2.6.1-respond-1.1.0.min.js"></script>
    <?php wp_head(); ?>
</head>
    <body>

    <!--[if lt IE 7]>
    <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser
        today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to
        better
        experience this site.</p>
    <![endif]-->

    <header id="header">
        <div class="container">

            <a href="/"><div id="logo"><span>Pitch</span>Wise</div></a>

            <div id="social">
                <a href="#" id="twitter"></a>
                <a href="#" id="facebook"></a>
            </div>

            <div id="menu">
                <ul>
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Login</a></li>
                    <li><a href="#">Register</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">About</a></li>
                </ul>
            </div>

            <input id="search" type="search"/>

            <div id="search-icon"></div>

        </div>
    </header>

    <div id="hero">
        <div class="container">
            <div id="promo">
                <div class="promo" data-id="1">
                    <div class="promo-container">
                        <div style="position:absolute;top:20px;left:20px; white-space: nowrap;">
                            <h1>Find A Pitch</h1>
                            We have 50 pitches available all over London
                        </div>
                        <div style="position:absolute;bottom:20px;right:20px; white-space: nowrap; text-align: right;">
                            <p>Get your pitch listed on PitchWise</p>
                            <h1 style="margin: 0">Post A Pitch</h1>
                        </div>
                    </div>
                    <div id="promo-left"></div>
                    <div id="promo-right"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="cards">
        <div class="container">
            <h1>London's Pitch Database</h1>
            <div class="row-fluid">
                <div class="span4">
                    <div class="card">
                        <h3>About PitchWise <span>&raquo;</span></h3>

                        <div class="card-image"></div>

                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
                            mauris
                            condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis
                            euismod. Donec sed odio dui. </p>

                        <a class="btn btn-primary" href="#">View details &raquo;</a>
                    </div>
                </div>
                <div class="span4">
                    <div class="card">
                        <h3>About PitchWise</h3>

                        <div class="card-image"></div>

                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
                            mauris
                            condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis
                            euismod. Donec sed odio dui. </p>

                        <a class="btn btn-primary" href="#">View details &raquo;</a>
                    </div>
                </div>
                <div class="span4">
                    <div class="card">
                        <h3>About PitchWise</h3>

                        <div class="card-image"></div>

                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
                            mauris
                            condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis
                            euismod. Donec sed odio dui. </p>

                        <a class="btn btn-primary" href="#">View details &raquo;</a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="container">

    </div>

    <footer>
        <div class="container">
            <p>&copy; Company 2012</p>
        </div>
    </footer>

    <script src="js/jquery-1.8.2.min.js"></script>

    <script src="js/bootstrap.min.js"></script>

    <script src="js/script.js"></script>
    </body>
</html>
